<script>
    var initPage20 = function () {
        $("#page-20").css("display", "block");
        $("#page-20").css({
            "z-index": 10
        });

        setTimeout(function () {
            showPage20Line(function () {
                $("#page-20 .zs-1").show();
                setTimeout(function () {
                    $("#page-20 .zs-2").show();

                    setTimeout(function () {
                        $("#page-20 .zs-1").fadeOut();
                        $("#page-20 .zs-2").fadeOut();

                        hidePage20Line(function () {
                            $("#page-20").hide();
                            endPage20();
                        })
                    }, 3e3);
                }, 800);
            })
        }, 500);

        var showPage20Line = function (cb) {
            $("#page-20 .line").animate({
                width: "4.75520rem"
            }, 800, "linear", function () {
                cb && cb();
            });
        }
        var hidePage20Line = function (cb) {
            $("#page-20 .line").animate({
                width: "0"
            }, 800, "linear", function () {
                cb && cb();
            });
        }
    }
</script>